<script setup>
import { Icon as IconifyIcon } from '@iconify/vue';

const props = defineProps({
  icon: { type: String },
  width: { type: Number },
  height: { type: Number },
  color: { type: String },
});

const { icon, width, height } = toRefs(props);

</script>

<template>
  <div class="icon-wrapper">
    <IconifyIcon
      v-if="icon"
      :icon="icon"
      :color="color"
      :width="width"
      :height="height"
    />
  </div>
</template>

<style lang="scss" scoped>
.icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
